<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/video-js.css">
  <link rel="stylesheet" href="css/font.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/flexible.js"></script>
</head>
<body>
  <div id="app">
    <!-- edu-header -->
    <div class="edu-header">
      <div class="edu-header-info">
        <div class="weather">
          <div class="weather-text">晴转多云 20/11</div>
          <div class="weather-ico"></div>
        </div>
        <div class="date">10月20日 周五 农历九月初一</div>
      </div>
    </div>
    <!-- /edu-header -->
    <!-- edu-main -->
    <div class="edu-main header-through nav-through">
      <div class="swiper-container" id="page-router">
        <div class="swiper-wrapper">
          <!-- 首页 -->
          <div class="swiper-slide" data-hash='index'>
            <div class="edu-carousel">
              <div class="swiper-container" id='index-focus'>
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="img/carousel-temp-1.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-2.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-3.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-4.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-5.jpg"></div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
            <div class="edu-vessel">
              <div class="edu-vessel-inner">
                <div class="tr">
                  <div class="edu-switch" id='index-switch'>
                    <div class="edu-switch-item active">新闻<i>新闻</i></div>
                    <div class="edu-switch-item">视频<i>视频</i></div>
                  </div>
                </div>
                <div class="switch-content">
                  <div class="swiper-container" id='index-list'>
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div class="edu-media-wrap">
                          <div class="edu-media" data-news-id='1'>
                            <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                            <div class="edu-media-body">
                              <h4>我们学生时代的教师节</h4>
                              <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                            </div>
                          </div>
                          <div class="edu-media" data-news-id='1'>
                            <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                            <div class="edu-media-body">
                              <h4>我们学生时代的教师节</h4>
                              <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                            </div>
                          </div>
                          <div class="edu-media" data-news-id='1'>
                            <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                            <div class="edu-media-body">
                              <h4>我们学生时代的教师节</h4>
                              <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                            </div>
                          </div>
                          <div class="edu-media" data-news-id='1'>
                            <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                            <div class="edu-media-body">
                              <h4>我们学生时代的教师节</h4>
                              <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                            </div>
                          </div>
                          <div class="edu-media" data-news-id='1'>
                            <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                            <div class="edu-media-body">
                              <h4>我们学生时代的教师节</h4>
                              <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="edu-thumbnail-wrap">
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                          <div class="edu-thumbnail" data-video-id='1'>
                            <div class="edu-thumbnail-preview">
                              <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                            </div>
                            <h4>宝迪英语学堂</h4>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /首页 -->
          <!-- 新闻 -->
          <div class="swiper-slide" data-hash='news'>
            <div class="edu-carousel">
              <div class="swiper-container" id='news-focus'>
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="img/carousel-temp-1.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-2.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-3.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-4.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-5.jpg"></div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
            <div class="edu-vessel">
              <div class="edu-vessel-inner">
                <div class="edu-title">新闻列表<i>新闻列表</i></div>
                <div class="swiper-container" id="news-list">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <!-- 每页五条数据，超出五条创建一个slide -->
                      <div class="edu-media-wrap">
                        <!-- 新闻详情页面通过data-news-id传递的id获取 -->
                        <div class="edu-media" data-news-id='1'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='2'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='3'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='4'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='1'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="edu-media-wrap">
                        <div class="edu-media" data-news-id='1'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='2'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                        <div class="edu-media" data-news-id='3'>
                          <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                          <div class="edu-media-body">
                            <h4>我们学生时代的教师节</h4>
                            <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-prev edu-prev"></div>
                  <div class="swiper-button-next edu-next"></div>
                </div>
              </div>
            </div></div>
          <!-- /新闻 -->
          <!-- 视频 -->
          <div class="swiper-slide" data-hash='video'>
            <div class="edu-carousel">
              <div class="swiper-container" id='video-focus'>
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="img/carousel-temp-1.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-2.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-3.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-4.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-5.jpg"></div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
            <div class="swiper-container" id="video-list">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="edu-filter" id='video-filter'>
                    <div class="edu-select" id='video-filter-grade'>
                      <!-- 这里保存选择的值 -->
                      <input type="hidden">
                      <div class="edu-select-text">学段</div>
                      <div class="edu-select-caret"></div>
                      <div class="edu-select-bound">
                        <div class="edu-select-bound-wrap">
                          <div class="edu-select-bound-item" data-value='1'>初小</div>
                          <div class="edu-select-bound-item" data-value='2'>中小</div>
                          <div class="edu-select-bound-item" data-value='3'>高小</div>
                          <div class="edu-select-bound-item" data-value='4'>初一</div>
                          <div class="edu-select-bound-item" data-value='5'>初二</div>
                          <div class="edu-select-bound-item" data-value='6'>初三</div>
                          <div class="edu-select-bound-item" data-value='7'>高中</div>
                        </div>
                      </div>
                    </div>
                    <div class="edu-select" id='video-filter-subject'>
                      <!-- 这里保存选择的值 -->
                      <input type="hidden">
                      <div class="edu-select-text">科目</div>
                      <div class="edu-select-caret"></div>
                      <div class="edu-select-bound">
                        <div class="edu-select-bound-wrap">
                          <div class="edu-select-bound-item" data-value='1'>语文</div>
                          <div class="edu-select-bound-item" data-value='2'>数学</div>
                          <div class="edu-select-bound-item" data-value='3'>英语</div>
                          <div class="edu-select-bound-item" data-value='4'>品德与生活</div>
                          <div class="edu-select-bound-item" data-value='5'>科学</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="edu-vessel">
                    <div class="edu-vessel-inner">
                      <div class="tr">
                        <div class="edu-switch" id='video-switch'>
                          <div class="edu-switch-item active">推荐<i>推荐</i></div>
                          <div class="edu-switch-item">热播<i>热播</i></div>
                          <div class="edu-switch-item">记录<i>记录</i></div>
                        </div>
                      </div>
                      <div class="swiper-container" id='video-list-page'>
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <div class="swiper-container has-progress-swiper" id='video-list-recommend'>
                              <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-button-prev edu-prev"></div>
                              <div class="swiper-button-next edu-next"></div>
                              <div class="swiper-pagination edu-pagination"></div>
                            </div>
                          </div>
                          <div class="swiper-slide">
                            <div class="swiper-container has-progress-swiper" id='video-list-hot'>
                              <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-button-prev edu-prev"></div>
                              <div class="swiper-button-next edu-next"></div>
                              <div class="swiper-pagination edu-pagination"></div>
                            </div>
                          </div>
                          <div class="swiper-slide">
                            <div class="swiper-container has-progress-swiper" id='video-list-record'>
                              <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                                <div class="swiper-slide">
                                  <div class="edu-thumbnail-wrap">
                                    <div class="edu-thumbnail" data-video-id='1'>
                                      <div class="edu-thumbnail-preview">
                                        <div class="edu-thumbnail-preview-inner"><img src="./img/media-temp.png"></div>
                                      </div>
                                      <h4>宝迪英语学堂</h4>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-button-prev edu-prev"></div>
                              <div class="swiper-button-next edu-next"></div>
                              <div class="swiper-pagination edu-pagination"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="edu-searchbar">
                    <div class="edu-searchbar-inner">
                      <div class="edu-searchbar-ico"></div>
                    </div>
                  </div>
                  <div class="edu-vessel">
                    <div class="edu-vessel-inner">
                      <div class="edu-title">搜索结果<i>搜索结果</i></div>
                      <div class="swiper-container has-progress-swiper" id='video-list-result'>
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <div class="edu-thumbnail-wrap">
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-button-prev edu-prev"></div>
                        <div class="swiper-button-next edu-next"></div>
                        <div class="swiper-pagination edu-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /视频 -->
          <!-- 记录 -->
          <div class="swiper-slide" data-hash='record'>
            <div class="edu-carousel">
              <div class="swiper-container" id='record-focus'>
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="img/carousel-temp-1.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-2.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-3.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-4.jpg"></div>
                  <div class="swiper-slide"><img src="img/carousel-temp-5.jpg"></div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
            <div class="swiper-container" id='record-list'>
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="edu-filter" id='record-filter'>
                    <div class="edu-select" id='record-filter-grade'>
                      <input type="hidden">
                      <div class="edu-select-text">学段</div>
                      <div class="edu-select-caret"></div>
                      <div class="edu-select-bound">
                        <div class="edu-select-bound-wrap">
                          <div class="edu-select-bound-item" data-value='1'>初小</div>
                          <div class="edu-select-bound-item" data-value='2'>中小</div>
                          <div class="edu-select-bound-item" data-value='3'>高小</div>
                          <div class="edu-select-bound-item" data-value='4'>初一</div>
                          <div class="edu-select-bound-item" data-value='5'>初二</div>
                          <div class="edu-select-bound-item" data-value='6'>初三</div>
                          <div class="edu-select-bound-item" data-value='7'>高中</div>
                        </div>
                      </div>
                    </div>
                    <div class="edu-select" id='record-filter-subject'>
                      <input type="hidden">
                      <div class="edu-select-text">科目</div>
                      <div class="edu-select-caret"></div>
                      <div class="edu-select-bound">
                        <div class="edu-select-bound-wrap">
                          <div class="edu-select-bound-item" data-value='1'>语文</div>
                          <div class="edu-select-bound-item" data-value='2'>数学</div>
                          <div class="edu-select-bound-item" data-value='3'>英语</div>
                          <div class="edu-select-bound-item" data-value='4'>品德与生活</div>
                          <div class="edu-select-bound-item" data-value='5'>科学</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="edu-vessel">
                    <div class="edu-vessel-inner">
                      <div class="edu-title">观看记录<i>观看记录</i></div>
                      <div class="swiper-container has-progress-swiper" id='record-list-page'>
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <div class="edu-thumbnail-wrap">
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                            </div>
                          </div>
                          <div class="swiper-slide">
                            <div class="edu-thumbnail-wrap">
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                    <div class="edu-thumbnail-intro">观看至 10:30</div>
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-button-prev edu-prev"></div>
                        <div class="swiper-button-next edu-next"></div>
                        <div class="swiper-pagination edu-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="edu-searchbar">
                    <div class="edu-searchbar-inner">
                      <div class="edu-searchbar-ico"></div>
                    </div>
                  </div>
                  <div class="edu-vessel">
                    <div class="edu-vessel-inner">
                      <div class="edu-title">搜索结果<i>搜索结果</i></div>
                      <div class="swiper-container has-progress-swiper" id='record-list-result'>
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <div class="edu-thumbnail-wrap">
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                              <div class="edu-thumbnail" data-video-id='1'>
                                <div class="edu-thumbnail-preview">
                                  <div class="edu-thumbnail-preview-inner">
                                    <img src="./img/media-temp.png">
                                  </div>
                                </div>
                                <h4>宝迪英语学堂</h4>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-button-prev edu-prev"></div>
                        <div class="swiper-button-next edu-next"></div>
                        <div class="swiper-pagination edu-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /记录 -->
        </div>
      </div>
      <!-- 新闻详情 -->
      <div class="edu-news-detail">
        <div class="edu-carousel">
          <div class="swiper-container" id='articleDetail'>
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <!-- edu-article -->
                <!-- 当点击列表详情的时候替换这里的数据 -->
                <div class="edu-article">
                  <h1>在英语中各种“累”的说法</h1>
                  <div class="edu-article-intro">作者：  来源：中国日报  时间：2016-10-18</div>
                  <div class="edu-article-content">
                    <p>最近，上海彩虹合唱团有首神曲问世，名字就叫《感觉身体被掏空》，看看人家的英文译名“so far, the sofa is so far”，着实有种累趴后爬向沙发的即视感~ 不过，歪果仁真累到如此地步时，除了咱们熟悉的tired和exhausted，英文还能怎么喊累呢？</p>
                    <p>感觉身体被掏空时，歪果仁这样喊累~</p>
                    <p>1. Dog-tired</p>
                    <p>中文你会说“累成狗”，呵呵，歪果仁其实也这样说，表示精疲力尽，累得不行。</p>
                    <p>例：He usually got home at around seven o'clock, dog-tired after a long day in the office.</p>
                    <p>上了一天的班快要累成狗了，他一般7点钟左右才到家。</p>
                    <p>2. Worn out</p>
                  </div>
                </div>
                <!-- /edu-article -->
              </div>
            </div>
            <div class="swiper-scrollbar"></div>
          </div>
        </div>
        <div class="edu-vessel">
          <div class="edu-vessel-inner">
            <div class="edu-title">相关新闻<i>相关新闻</i></div>
            <div class="edu-media-wrap">
              <div class="edu-media" data-news-id='1'>
                <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                <div class="edu-media-body">
                  <h4>我们学生时代的教师节</h4>
                  <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                </div>
              </div>
              <div class="edu-media" data-news-id='2'>
                <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                <div class="edu-media-body">
                  <h4>我们学生时代的教师节</h4>
                  <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /新闻详情 -->
      <!-- 视频详情 -->
      <div class="edu-video-detail">
        <div class="edu-carousel">
          <video id="my-video" class="video-js vjs-big-play-centered" controls preload="auto" poster="./img/MY_VIDEO_POSTER.png" data-setup="{}">
            <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
          </video>
        </div>
        <div class="edu-vessel">
          <div class="edu-vessel-inner">
            <div class="tr">
              <div class="edu-switch" id='video-detail-switch'>
                <div class="edu-switch-item active">相关<i>相关</i></div>
                <div class="edu-switch-item">默认<i>默认</i></div>
                <div class="edu-switch-item">记录<i>记录</i></div>
              </div>
            </div>
            <div class="swiper-container" id='vedioDetail'>
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="edu-media-wrap">
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="edu-media-wrap">
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="edu-media-wrap">
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                    <div class="edu-media" data-video-id='1'>
                      <div class="edu-media-left"><img src="./img/media-temp.png"></div>
                      <div class="edu-media-body">
                        <h4>我们学生时代的教师节</h4>
                        <p>家长杜春燕（儿子曹子一，城北中心六街小学五年级）</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /视频详情 -->
    </div>
    <!-- /edu-main -->
    <!-- edu-nav -->
    <div class="edu-nav">
      <div class="edu-nav-link active"><img src="./img/nav-link-shouye.png"></div>
      <div class="edu-nav-link"><img src="./img/nav-link-xinwen.png"></div>
      <div class="edu-nav-link"><img src="./img/nav-link-shipin.png"></div>
      <div class="edu-nav-link"><img src="./img/nav-link-jilu.png"></div>
      <div class="edu-nav-link back"><img src="./img/nav-link-fanhui.png"></div>
    </div>
    <!-- /edu-nav -->
  </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/video.min.js"></script>
<script src="js/app.js"></script>
</html>